<template>
	<view class="cu-form-group">
		<view class="title text-gray">{{name}}</view>
		<input :type="inputType" :maxlength="maxlength" :placeholder="placeholder" name="input" @input="changeValue($event)"></input>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props:{
			name:'',
			placeholder:'',
			info:{
				type: String
			},
			inputType:{
				type: String,
				default: 'text'
			},
			maxlength:{
				type: Number,
				default: 100
			}
		},
		methods: {
			changeValue(e){
				this.$emit('inputchanged',e.detail.value)
			}
		}
	}
</script>

<style>
.cu-form-group{
	padding: 0;
}
input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #BDCADA;
}
</style>
